<template>
    <div>
        <el-card shadow="always">
            <!-- 面包屑导航 -->
            <el-breadcrumb separator-class="el-icon-arrow-right">
                <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
                <el-breadcrumb-item>运营</el-breadcrumb-item>
                <el-breadcrumb-item>商品管理</el-breadcrumb-item>
                <el-breadcrumb-item>报销的配置</el-breadcrumb-item>
            </el-breadcrumb>
        
        <el-input
            style="width:280px;"
            placeholder="请输入"
            class="search"
            v-model="searchData"
            clearable>
            <i slot="prefix" class="el-input__icon el-icon-search"></i>>
            <el-button slot="append" @click="searchBtn" :disabled="isDisabled">搜索</el-button>
        </el-input>
        <el-table :data="tableData" border>
        <el-table-column type="index" label="#" width="75"></el-table-column>
        <el-table-column  label="aa">
          <template slot-scope="scope">
            {{scope.row.yearMonth | day}}
          </template>
        </el-table-column>
        <el-table-column prop="status" label="aa"></el-table-column>
        <el-table-column prop="status" label="aa">
          <template slot-scope="scope">
            <el-tooltip
              effect="dark"
              content="修改"
              placement="top"
              :enterable="true">
              <el-button
                size="mini"
                type="warning"
                @click.stop="edit(scope.row)">
                <i class="el-icon-setting" style="margin:0 auto"></i>
              </el-button>
            </el-tooltip>
          </template>
        </el-table-column>
      </el-table>
      <el-pagination
        @size-change="handleSizeChange"
        @current-change="handleCurrentChange"
        :current-page="p"
        :page-sizes="[10, 20, 50, 80]"
        :page-size="limit"
        layout="total, sizes, prev, pager, next, jumper"
        :total="count"
      ></el-pagination>
      </el-card>
    </div>
</template>
<script>
import {get} from '../../../../../public/API/query.js';
export default {
    data(){
        return{
            searchData:"",
            tableData:[],
            isDisabled:false,
            p:10,
            limit:1,
            count:80
        }
    },
    methods:{
        handleCurrentChange(){

        },
        handleSizeChange(){

        },
        edit(){

        },
        searchBtn(){

        },
        getData(){
          get('operate/commodity/config/index',res=>{
            console.log(res)
          })
        }
    },
    created(){
      this.getData();
    }
}
</script>
<style lang="less" scoped>
.work_div{
  border: 1px solid #ccc;
  width: 90%;
  margin: auto;
  min-height: 240px;
  background: rgba(246,246,246,.3);
  font-weight: 600;
  .work_xq{
    background: rgba(246,246,246,.5);
  }
  .is_work{
    color: black;
    cursor: pointer;
  }
  .not_work{
    color: red;
    cursor: pointer;
  }
  .dont_know{
    color: rgba(0,0,0,.3);
  }
  span{
    display: inline-block;
    height: 40px;
    width: 14.2%;
    text-align: center;
    line-height: 40px;
    user-select: none;
  }
}
.el-breadcrumb {
  margin-bottom: 30px;
}
.el-input {
  margin-bottom: 30px;
  width: 280px;
  margin-right: 30px;
}
.el-pagination {
  margin-top: 30px;
}
.addRulesWrap {
  margin-left: 80px;
}
.addRules {
  position: absolute;
  right: 25%;
  bottom: 5%;
}
.disable {
  margin-left: 15px;
}
.el-range-separator {
  margin-right: 5px;
}
.topRightButton {
  margin-left: 60%;
}
.dialog-content-wrap {
  width: 100%;
  display: flex;
  justify-content: center;
}
.is-selected {
    color: #1989FA;
  }
</style>